<template>
	<view class="container">
		<uwo-nav-bar bgColor="#2979ff">
			<template #content>横屏的签名</template>
		</uwo-nav-bar>
		<view class="uni-px-8 bg-white">
			<uni-forms :border="true" ref="myForm" :modelValue="formData" :label-width="75">
				<uni-forms-item
					label="签名:"
					required
					name="autographValue"
					:rules="[
						{
							required: true,
							errorMessage: '签名不能为空'
						}
					]"
				>
					<uwo-autograph v-model="formData.autographValue">
						<view>
							<uni-icons custom-prefix="uwofont" type="uwo-qianming" color="#2979ff" :size="16"></uni-icons>
							<text class="uni-ml-2">点击签名</text>
						</view>
					</uwo-autograph>
				</uni-forms-item>
			</uni-forms>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';

import { getEnv } from '@/common/config.js';
import tokenUtil from '@/common/js/tokenUtil.js';

const formData = ref({
	autographValue: {
		path: 'dev/20231114/26a9757f3c23478ea70e8f80c163d828.jpg',
		url: null,
		name: '16999277614840.jpg',
		suffix: 'jpg',
		size: 55370
	}
});
</script>

<style lang="scss" scoped>
.container {
}
</style>
